<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       
    </style>
</head>

<body>
    <div getTime="20" data-index="2" data-list-name="anbk"></div>
    <script>
       var div = document.querySelector('div');
       //console.log(div.getTime);
       console.log(div.getAttribute('getTime'));
       div.setAttribute('data-time', 22);
       console.log(div.getAttribute('data-time'));
       console.log(div.getAttribute('data-list-name'));
       //H5新增的获取自定义属性的方法 它只能获取data开头的
       //dataset 是一个集合里边存放了所有以data开头的自定义属性
       console.log(div.dataset);
       console.log(div.dataset.index);
       console.log(div.dataset['index']);
       //如果之定义属性里边有多个链接的单词，我们获取的时候采取驼峰立名法
       console.log(div.dataset.listName);
       console.log(div.dataset['listName']);
    </script>
</body>

</html>